import React from 'react';
import { Link } from 'react-router-dom';

const NotFound = () => {
  return (
    <div className="min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
      <div className="max-w-md w-full text-center">
        <h1 className="text-9xl font-bold text-primary-600 dark:text-primary-400">404</h1>
        <h2 className="mt-6 text-3xl font-extrabold text-dark-800 dark:text-dark-200">
          页面未找到
        </h2>
        <p className="mt-2 text-base text-dark-600 dark:text-dark-300">
          很抱歉，您要查找的页面不存在或已被移动。
        </p>
        <div className="mt-8">
          <Link
            to="/"
            className="btn btn-primary inline-flex items-center justify-center"
          >
            返回首页
          </Link>
        </div>
      </div>
    </div>
  );
};

export default NotFound; 